<template>
  <div class="container">
    <h2>App组件</h2>
    <h3>startTime: {{ startTime }}</h3>
    <h3>startTime2: {{ startTime | date-format }}</h3>
    <h3>startTime3: {{ startTime | date-format('YYYY-MM-DD') }}</h3>
    <h3>startTime3: {{ startTime | date-format('HH:mm:ss') }}</h3>


    <h4>startTime4: {{ startTime | date-format2('HH:mm:ss') }}</h4>
  </div>
</template>

<script>
import dayjs from 'dayjs'
export default {
  name: 'App',
  data () {
    return {
      startTime: Date.now() + 20000
    }
  },

  // 局部过滤器, 只能在当前组件使用
  filters: {
    'date-format2': (value, formatStr='YYYY-MM-DD HH:mm:ss') => {
      return dayjs(value).format(formatStr)
    }
  }
};
</script>
    
